<style type="text/css">
	#right-content #tabs {
		width: 100%;
		margin-bottom: 20px;
	}
	#right-content #tabs ul {
		height: 40px;
		border-bottom: 1px solid #cecece;
	}
	#right-content #tabs ul li{
		float: left;
		list-style: none;
		line-height: 40px;
		margin: 0px 10px 0px 0px;
		padding: 0px 15px;
		border: 1px solid #cecece;
		border-bottom: none;
		border-top: none;
		cursor: pointer;
	}
	.tabActiveHeader {
		height: 40px;
		background: #fff;
		border: 1px solid #cecece !important;
		border-bottom: none !important;
		
	}
</style>
<?php echo $this->element('slide'); ?>
<section id="content">
	<section id="left-bar">
		<div class="box-left">
			<?php echo $this->element('categories'); ?>
		</div>
		
		<div class="box-left">
			<?php echo $this->element('genres'); ?>
		</div>
		
		
		<div class="box-left">
			<h2>Bảng xếp hạng</h2>
			<div class="menu-left">
				<ul>
					<li>
						<a href="#" class="top2"><span>1</span>Giáo dục</a>
					</li>
					
					<li>
						<a href="#" class="top2"><span>2</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>3</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>4</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>5</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>6</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>7</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>8</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>9</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>10</span>Giải trí</a>
					</li>
					
				</ul>
			</div>
		</div>
	</section>
	
	
	<section id="right-content">
		
		<?php if(isset($games) && $notfound == true): ?>
			<p style="margin: 20px 0px; padding: 0px 0px 0px 20px" id="tag" class="tag">Có <b><?php echo count($games); ?></b> kết quả với từ khóa <b><?php echo '"'.$keyword.'".'; ?>	</b></p>
			<?php $stt = 0; foreach ($games as $game): ?>
				
				<?php  $stt++; ?>
				<?php if($stt == 1) : ?>
					<section class="box-game">
				<?php endif; ?>
					<section class="box">
						<?php echo $this->Html->image($game['Game']['thumbnail'], array('class' => 'img-box')); ?>
						
						<h3 class="game-title" style="margin-bottom: 20px;">
							<?php echo $this->Html->link($game['Game']['name'], '/game/'.$game['Game']['id'].'-'.$game['Game']['alias']); ?>
						</h3>
						
						
					</section>
				<?php if($stt == 3): ?>
				</section>
				<?php $stt = 0; endif; ?>
			<?php endforeach; ?>	
		<?php elseif ($notfound == false): ?>
			<p style="margin: 20px 0px; padding: 0px 0px 0px 20px" id="tag" class="tag">Không có kết quả tìm kiếm</p>
		<?php endif; ?>
	</section>
	
	
</section>